<template>
<div class="content">
  <Subtitle :text="$t('logout.title')"/>
  <i18n path="logout.desc" class="desc">
    <span place="clickHere" @click="navToHome" style="cursor: pointer;">{{ $t('logout.clickHere') }}</span>
    <span place="email">{{ $t('logout.email') }}</span>
  </i18n>
</div>
</template>

<script>
import Subtitle from "../../components/common/Subtitle";
export default {
  name: "logout",
  components: {
    Subtitle
  },
  methods: {
    navToHome () {
      this.$router.push({
        path: this.$i18n.path('')
      })
      this.$store.commit('SET_MENU_INDEX', 0)
    }
  }
}
</script>

<style scoped>
.content {
  width: 800px;
  height: 500px;
  margin: 60px 120px;
}
.content .desc {
  white-space: pre-line;
  color: #999999;
  font-size: 14px;
}
.content .desc span {
  color: #0068B5;
}
</style>
